const {defineConfig} = require('@vue/cli-service');
const AutoImport = require('unplugin-auto-import/webpack');
const Components = require('unplugin-vue-components/webpack');
const {ElementPlusResolver} = require('unplugin-vue-components/resolvers');
module.exports = defineConfig({
  transpileDependencies: true,
  configureWebpack: {
    plugins: [
      AutoImport({
        resolvers: [ElementPlusResolver()],
      }),
      Components({
        resolvers: [ElementPlusResolver()],
      }),
    ],
  },
  devServer: {
    proxy: {
      '/api': { // '/api' 是代理前缀，把这个前缀加到页面的请求的端口号后面才会走这个代理服务器，名字随意
        target: 'http://localhost:3000', // target 配置要代理的服务器地址(只写到端口号即可)
        pathRewrite: {'^/api': ''}, // 官网未展示此属性，可选，功能：替换请求字段的（否则请求也会带上前缀）
        ws: true, // 可选，用于支持 websocket （默认true）
        changeOrigin: true // 可选，是否更改请求源，用于控制请求头中的host值（客户端请求的服务器的域名和端⼝号），true更改为请求服务器的地址，false暴露真实源地址 （默认true）
      },
    }
  }
});
